Skip to content

app/vmui: show selected time zone offset in header controls - #1655

Open
Loori-R wants to merge 1 commit into
masterfrom
vmui/show-timezone-offset
Open

app/vmui: show selected time zone offset in header controls#1655
Loori-R wants to merge 1 commit into
masterfrom
vmui/show-timezone-offset

Conversation

@Loori-R

@Loori-R Loori-R commented Jul 30, 2026

Copy link
Copy Markdown
Contributor

Describe Your Changes

Make the selected timezone offset more visible and provide quicker access to timezone settings.

Mirror of VictoriaMetrics/VictoriaMetrics#11332

Changes

  • display the selected UTC offset in the header
  • update the mobile settings menu layout and styling

Screenshots

image
Before After
image image

@Loori-R Loori-R added the web-ui Issues related to the user interface: layout, styling, usability, or UI-specific bugs. label Jul 30, 2026

@cubic-dev-ai cubic-dev-ai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All reported issues were addressed across 6 files

Reply with feedback, questions, or to request a fix.

Re-trigger cubic

@arturminchukov arturminchukov left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@func25 func25 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, you've probably discussed this, but just wanted to share the view. The timezone feature isn't used very often, so I think it's fine to access it by clicking on the time. This would avoid overwhelming most of users, as the main vmui page has too many things already.


{headerSetup?.tenant && <Tenants/>}
{headerSetup?.timeSelector && <TimeSelector onOpenSettings={settingsRef?.current?.open}/>}
<TimeZonePreview onOpenSettings={() => settingsRef.current?.open()}/>

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could we also port the related TimeSelector change from VictoriaMetrics PR 11332? Its clickable timezone row is still a div

VM:
Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

web-ui Issues related to the user interface: layout, styling, usability, or UI-specific bugs.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants